<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://unpkg.com/vue"></script>
<title></title>
<div id="app">
	<!--<div>这是子组件</div>-->
	<child>
		<!--<template #child1>v-slot:child1<h1>你好</h1><p>{{msg}}</p><button>按钮<tton></br></template><template #child2>v-slot:child2<button>child2<tton></template>-->
		<template #child1="child1">
			<h1>{{child1.value}}</h1>
			<h1>{{child1.value2}}</h1>
		</template>
	<ild>
	<!--<button>提示<tton>-->
</div>
</head>
<body>
<script>
	Vue.component('child',{
		template:'<div>这是子组件<slot name="child1" :value="childmsg1" :value2="childmsg2">默认值<slot></div>',
													<!-- value2="childmsg2">默认值<slot></div>',
													// value2="childmsg2">默认值<slot></div>', -->
		data(){
			return{
				childmsg1:"这是1号",
				childmsg2:"这是2号"
			}
		}
	});
	new Vue({
		el:"#app",
		data:{
			msg:"这是父组件"
		}
	})
</script>
</body>
</html>
